
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%> 
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%> 
<%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@taglib uri="http://richfaces.org/rich" prefix="rich"%>


<div id="pensumDiv">
    <f:subview id="pensumSubView">
        <h:form>
            
            <rich:tabPanel switchType="ajax" immediate="true">
                
                <%-- INICIO - Agregar pensum --%>
                <rich:tab label="Agregar" actionListener="#{pensumBean.resetearBean}">    
                    
                    
                        <rich:panel style="width:600px;border:0px;float:left;">
                            <h:outputText value="Carrera: "/>
                            <h:selectOneMenu id="selectCarrera" value="#{pensumBean.pensum.pensumPK.idCarrera}">
                                <f:selectItems value="#{pensumBean.carrerasItems}"/>
                            </h:selectOneMenu>
                            
                            <rich:spacer height="20px" style="border:0px"/><br>    
                            <a4j:commandLink value="+ Agregar Trimestre" actionListener="#{pensumBean.agregarTrimestre}" reRender="trimestre" />
                            <rich:spacer height="20px" style="border:0px"/><br>
                            <a4j:commandLink value="+ Agregar Asignaturas seleccionadas"  actionListener="#{pensumBean.agregarAsignatura}" reRender="trimestre" /> 
                            
                            <rich:dataTable value="#{pensumBean.asignaturaItems}" var="asignatura" id="asigTabla">    
                                <rich:column sortable="false" style="text-align:center;">
                                    <f:facet name="header">
                                        <h:outputText value="-"/>
                                    </f:facet>
                                    <h:selectBooleanCheckbox value="#{asignatura.selected}"/>
                                </rich:column >
                                <rich:column sortBy="#{asignatura.idAsignatura}" filterBy="#{asignatura.idAsignatura}" filterEvent="onkeyup">
                                    <f:facet name="header">
                                        <h:outputText value="Clave"/>
                                    </f:facet>
                                    <h:outputText value="#{asignatura.idAsignatura}"/>
                                </rich:column> 
                                <rich:column sortBy="#{asignatura.descripcion}" filterBy="#{asignatura.descripcion}" filterEvent="onkeyup">
                                    <f:facet name="header">
                                        <h:outputText value="Nombre"/>
                                    </f:facet>
                                    <h:outputText value="#{asignatura.descripcion}"/>
                                </rich:column> 
                            </rich:dataTable>
                            <rich:spacer height="20px" style="border:0px"/><br>    
                            <a4j:commandLink value="+ Limpiar Pensum" actionListener="#{pensumBean.resetearBean}" reRender="trimestre" />
                        </rich:panel>
                        
                        <rich:panel style="width:700px;float:right;">  
                            <a4j:commandLink styleClass="label_right_top" value="Nuevo pensum" actionListener="#{pensumBean.insertar}"/>
                            <rich:dataTable value="#{pensumBean.pensumXml.listTrimestres}" var="trimestre" id="trimestre" rowKeyVar="row" style="border:0;">    
                                <rich:column>
                                    <div class="title_trimestre" style="margin-top:20px">
                                        <h:outputText value="Trimestre ##{row + 1} " />
                                    </div>   
                                    <h:dataTable value="#{trimestre.listAsignaturas}" var="asignatura" id="asignatura" style="border:0px;">
                                        <h:column>
                                            <h:outputText value="#{asignatura.clave}" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText value="#{asignatura.descripcion}" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText value="#{asignatura.creditos}" />
                                        </h:column>
                                    </h:dataTable>
                                </rich:column>
                            </rich:dataTable>
                        </rich:panel>  
                    
                </rich:tab>
                <%-- FIN - Agregar pensum --%>
                
                <rich:tab label="Eliminar" actionListener="#{pensumBean.resetearBean}">
                    ELIMINAR pensum
                </rich:tab>
                
                <rich:tab label="Buscar" actionListener="#{pensumBean.resetearBean}">
                    BUSCAR pensum
                </rich:tab>
            </rich:tabPanel>
        </h:form>
    </f:subview>
</div>
